<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="stylesheet" href="bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="swiper-4.5.3/dist/css/swiper.min.css">
    <link rel="stylesheet" href="layui-v2.6.8/layui/css/layui.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">

    <title>首页</title>
</head>

<body>
    <!-- 头部 -->
    <header>
        <div class="center">
            <ul>
                <li><a href="#">康佳新闻</a></li>
                <li></li>
                <li><a href="#">加入康佳</a></li>
                <li></li>
                <li><a href="#">校园招聘</a></li>
                <li></li>
                <li><a href="#">康佳社区</a></li>
                <li></li>
                <li><a href="#">大宗采购</a></li>
                <li></li>
                <li><a href="#">积分商城</a></li>
                <li></li>
            </ul>
            <ul class="ul">
                <li><a href="login.html">登录</a></li>
                <li class="li"></li>
                <li><a href="register.html">注册</a></li>
                <div><a href="#" class="buya">购物车(0)</a></div>
            </ul>

        </div>

    </header>
    <!-- 导航栏 -->
    <div class="kong">
        <div class="center">
            <nav>
                <div class="logo"><a href="index.html"><img src="image/login.png" alt=""></a></div>
                <ul>
                    <li class="nav-list"><a href="#">首页</a></li>
                    <li class="nav-list"><a href="#">电视
                        </a>
                        <div class="item">
                            <ul>
                                <li><a href="#"><img src="image/2-1.jpg" alt=""></a>
                                    <h4>阿斐亚A3</h4>
                                    <div class="item-text">洞见未来 / 帧享视界</div>
                                    <p>￥11999.00</p>
                                </li>
                                <li><a href="#"><img src="image/2-1.jpg" alt=""></a>
                                    <h4>阿斐亚A3</h4>
                                    <div class="item-text">洞见未来 / 帧享视界</div>
                                    <p>￥11999.00</p>
                                </li>
                                <li><a href="#"><img src="image/2-1.jpg" alt=""></a>
                                    <h4>阿斐亚A3</h4>
                                    <div class="item-text">洞见未来 / 帧享视界</div>
                                    <p>￥11999.00</p>
                                </li>
                                <li><a href="#"><img src="image/2-1.jpg" alt=""></a>
                                    <h4>阿斐亚A3</h4>
                                    <div class="item-text">洞见未来 / 帧享视界</div>
                                    <p>￥11999.00</p>
                                </li>
                                <li><a href="#"><img src="image/2-1.jpg" alt=""></a>
                                    <h4>阿斐亚A3</h4>
                                    <div class="item-text">洞见未来 / 帧享视界</div>
                                    <p>￥11999.00</p>
                                </li>
                                <li><a href="#"><img src="image/2-1.jpg" alt=""></a>
                                    <h4>阿斐亚A3</h4>
                                    <div class="item-text">洞见未来 / 帧享视界</div>
                                    <p>￥11999.00</p>
                                </li>

                            </ul>
                        </div>
                    </li>
                    <li class="nav-list"><a href="#">冰箱</a></li>
                    <li class="nav-list"><a href="#">洗衣机</a></li>
                    <li class="nav-list"><a href="#">生活电器</a></li>
                    <li class="nav-list"><a href="#">厨房电器</a></li>
                    <li class="nav-list"><a href="#">智能周边</a></li>
                    <li class="nav-list"><a href="#">K迷优品</a></li>
                    <li class="nav-list"><a href="#">大宗采购</a></li>
                    <li class="nav-list"><a href="#">服务</a></li>
                    <li><a href="#"></a></li>
                </ul>
            </nav>
        </div>

    </div>

    <!-- 轮播 -->
    <!-- Swiper -->
    <div class="big">

        <div class="layui-carousel" id="test1">
            <div carousel-item>
                <div><img src="image/banner.jpg" alt=""></div>
                <!-- <div><img src="image/banner1-1.jpg" alt=""></div> -->
                <div><img src="image/banner1.jpg" alt=""></div>
                <div><img src="image/banner2.jpg" alt=""></div>
                <div><img src="image/banner3.jpg" alt=""></div>

            </div>
        </div>
        <div class="center">

            <div class="category-wrapper">
                <ul class="site-category-list">
                    <li class="sidebar-list"><a href="#">电视<span>></span></a>
                        <div class="sidebar-list-item">
                            <ul>
                                <li><img src="image/B1.jpg" alt="">
                                    <p>双门冰箱</p>
                                </li>
                                <li><img src="image/B1.jpg" alt="">
                                    <p>双门冰箱</p>
                                </li>
                                <li><img src="image/B1.jpg" alt="">
                                    <p>双门冰箱</p>
                                </li>
                                <li><img src="image/B1.jpg" alt="">
                                    <p>双门冰箱</p>
                                </li>
                                <li><img src="image/B1.jpg" alt="">
                                    <p>双门冰箱</p>
                                </li>
                                <li><img src="image/B1.jpg" alt="">
                                    <p>双门冰箱</p>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="sidebar-list"><a href="#">冰箱<span>></span></a></li>
                    <li class="sidebar-list"><a href="#">洗衣机<span>></span></a></li>
                    <li class="sidebar-list"><a href="#">生活电器<span>></span></a></li>
                    <li class="sidebar-list"><a href="#">厨房电器<span>></span></a></li>
                    <li class="sidebar-list"><a href="#">文创周边<span>></span></a></li>
                    <li class="sidebar-list"><a href="#">K迷优品<span>></span></a></li>
                    <li class="sidebar-list"><a href="#">周边配件<span>></span></a></li>
                    <li class="sidebar-list"><a href="#">全屋套购<span>></span></a></li>
                </ul>
            </div>

        </div>
    </div>
    <!-- 活动 -->
    <div class="active">
        <div class="center">
            <ul>
                <li>
                    <ul class="nav">
                        <li><a href="#"><img src="image/积分商城.png" alt="">
                                <p>积分商城</p>
                            </a></li>
                        <li><a href="#"><img src="image/限时抢购.png" alt="">
                                <p>限时抢购</p>
                            </a></li>
                        <li><a href="#"><img src="image/加入康佳.png" alt="">
                                <p>领劵中心</p>
                            </a></li>
                        <li><a href="#"><img src="image/康佳新闻.png" alt="">
                                <p>康佳新闻</p>
                            </a></li>
                        <li><a href="#"><img src="image/大宗采购.png" alt="">
                                <p>大宗采购</p>
                            </a></li>
                        <li><a href="#"><img src="image/加入康佳.png" alt="">
                                <p>加入康佳</p>
                            </a></li>
                    </ul>
                </li>
                <li><a href="#"><img src="image/1.jpg" alt=""></a></li>
                <li><a href="#"><img src="image/1.jpg" alt=""></a></li>
                <li><a href="#"><img src="image/1.jpg" alt=""></a></li>

            </ul>
        </div>
    </div>

    <!-- 产品 -->
    <div class="product">
        <div class="center">
            <div class="product-top he" id="star">
                <h4><a href="#"><img src="image/王冠.png">明星产品</a>
                </h4>
                <p>
                    <span class="left"><a href="javascerpt:;" type="button">&lt;</a></span>
                    <span class="right"><a href="javascerpt:;" type="button">&gt;</a></span>
                </p>
            </div>

            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <ul class="product-item a">
                            <!-- <li><img src="image/1.none.jpg" alt="">
                                <h4>阿斐亚AI智能电视</h4>
                                <div>8K解码/JBL大师音响</div>
                                <p class="price">￥11999.00<i>￥23999.00</i></p>
                            </li>
                            <li><img src="image/1.none.jpg" alt="">
                                <h4>阿斐亚AI智能电视</h4>
                                <div>8K解码/JBL大师音响</div>
                                <p class="price">￥11999.00<i>￥23999.00</i></p>
                            </li>
                            <li><img src="image/1.none.jpg" alt="">
                                <h4>阿斐亚AI智能电视</h4>
                                <div>8K解码/JBL大师音响</div>
                                <p class="price">￥11999.00<i>￥23999.00</i></p>
                            </li>
                            <li><img src="image/1.none.jpg" alt="">
                                <h4>阿斐亚AI智能电视</h4>
                                <div>8K解码/JBL大师音响</div>
                                <p class="price">￥11999.00<i>￥23999.00</i></p>
                            </li> -->
                        </ul>
                    </div>
                    <div class="swiper-slide">
                        <ul class="product-item b">
                            <!-- <li></li>
                            <li></li>
                            <li></li>
                            <li></li> -->
                        </ul>
                    </div>

                </div>

            </div>
        </div>
    </div>
    <div class="all">
        <div class="center">
            <!-- 电视 -->
            <div class="cctv  mag-top" id="television">
                <div class="product-top mag he">
                    <h4><a href="#"><img src="image/TV.png">电视</a>
                    </h4>
                    <ul>
                        <li><a href="#">全面屏</a>/</li>
                        <li><a href="#">超薄</a>/</li>
                        <li><a href="#">智能</a>/</li>
                        <li><a href="#">商用</a>/</li>
                        <li><a href="#">更多>></a></li>
                    </ul>
                </div>
                <img src="image/banner1-1.jpg" alt="">
                <div class="item product-item">
                    <ul class="">
                        <li><a href="./date.html"><img src="image/1.none.jpg" alt=""></a>
                            <h4>阿斐亚AI智能电视</h4>
                            <div>8K解码/JBL大师音响</div>
                            <p class="price">￥11999.00<i>￥23999.00</i></p>
                        </li>
                        <li><img src="image/1.none.jpg" alt="">
                            <h4>阿斐亚AI智能电视</h4>
                            <div>8K解码/JBL大师音响</div>
                            <p class="price">￥11999.00<i>￥23999.00</i></p>
                        </li>
                        <li><img src="image/1.none.jpg" alt="">
                            <h4>阿斐亚AI智能电视</h4>
                            <div>8K解码/JBL大师音响</div>
                            <p class="price">￥11999.00<i>￥23999.00</i></p>
                        </li>
                        <li><img src="image/1.none.jpg" alt="">
                            <h4>阿斐亚AI智能电视</h4>
                            <div>8K解码/JBL大师音响</div>
                            <p class="price">￥11999.00<i>￥23999.00</i></p>
                        </li>
                        <li><img src="image/1.none.jpg" alt="">
                            <h4>阿斐亚AI智能电视</h4>
                            <div>8K解码/JBL大师音响</div>
                            <p class="price">￥11999.00<i>￥23999.00</i></p>
                        </li>
                        <li><img src="image/1.none.jpg" alt="">
                            <h4>阿斐亚AI智能电视</h4>
                            <div>8K解码/JBL大师音响</div>
                            <p class="price">￥11999.00<i>￥23999.00</i></p>
                        </li>
                        <li><img src="image/1.none.jpg" alt="">
                            <h4>阿斐亚AI智能电视</h4>
                            <div>8K解码/JBL大师音响</div>
                            <p class="price">￥11999.00<i>￥23999.00</i></p>
                        </li>
                        <li><img src="image/1.none.jpg" alt="">
                            <h4>阿斐亚AI智能电视</h4>
                            <div>8K解码/JBL大师音响</div>
                            <p class="price">￥11999.00<i>￥23999.00</i></p>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 冰箱 -->
            <div class="fridge  mag-top" id="Refrigerator">
                <div class="product-top mag he">
                    <h4><a href="#"><img src="image/BX.png">冰箱</a>
                    </h4>
                    <ul>
                        <li><a href="#">双开</a>/</li>
                        <li><a href="#">三门</a>/</li>
                        <li><a href="#">对开门</a>/</li>
                        <li><a href="#">多门</a>/</li>
                        <li><a href="#">冰柜</a>/</li>
                        <li><a href="#">更多>></a></li>
                    </ul>
                </div>
                <img src="image/B.jpg" alt="">
                <div class="item product-item">
                    <ul class="">
                        <li><img src="image/1.none.jpg" alt="">
                            <h4>阿斐亚AI智能电视</h4>
                            <div>8K解码/JBL大师音响</div>
                            <p class="price">￥11999.00<i>￥23999.00</i></p>
                        </li>
                        <li><img src="image/1.none.jpg" alt="">
                            <h4>阿斐亚AI智能电视</h4>
                            <div>8K解码/JBL大师音响</div>
                            <p class="price">￥11999.00<i>￥23999.00</i></p>
                        </li>
                        <li><img src="image/1.none.jpg" alt="">
                            <h4>阿斐亚AI智能电视</h4>
                            <div>8K解码/JBL大师音响</div>
                            <p class="price">￥11999.00<i>￥23999.00</i></p>
                        </li>
                        <li><img src="image/1.none.jpg" alt="">
                            <h4>阿斐亚AI智能电视</h4>
                            <div>8K解码/JBL大师音响</div>
                            <p class="price">￥11999.00<i>￥23999.00</i></p>
                        </li>
                        <li><img src="image/1.none.jpg" alt="">
                            <h4>阿斐亚AI智能电视</h4>
                            <div>8K解码/JBL大师音响</div>
                            <p class="price">￥11999.00<i>￥23999.00</i></p>
                        </li>
                        <li><img src="image/1.none.jpg" alt="">
                            <h4>阿斐亚AI智能电视</h4>
                            <div>8K解码/JBL大师音响</div>
                            <p class="price">￥11999.00<i>￥23999.00</i></p>
                        </li>
                        <li><img src="image/1.none.jpg" alt="">
                            <h4>阿斐亚AI智能电视</h4>
                            <div>8K解码/JBL大师音响</div>
                            <p class="price">￥11999.00<i>￥23999.00</i></p>
                        </li>
                        <li><img src="image/1.none.jpg" alt="">
                            <h4>阿斐亚AI智能电视</h4>
                            <div>8K解码/JBL大师音响</div>
                            <p class="price">￥11999.00<i>￥23999.00</i></p>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 洗衣机 -->
            <div class="xy  mag-top min" id="washing">
                <div class="product-top mag he">
                    <h4><a href="#"><img src="image/BX.png">洗衣机</a>
                    </h4>
                    <ul>
                        <li><a href="#">滚轮</a>/</li>
                        <li><a href="#">波轮</a>/</li>
                        <li><a href="#">kmini迷你</a>/</li>

                        <li><a href="#">更多>></a></li>
                    </ul>
                </div>
                <img src="image/XYJ.jpg" alt="">
                <div class="item product-item">
                    <ul class="">
                        <li><img src="image/1.none.jpg" alt="">
                            <h4>阿斐亚AI智能电视</h4>
                            <div>8K解码/JBL大师音响</div>
                            <p class="price">￥11999.00<i>￥23999.00</i></p>
                        </li>
                        <li><img src="image/1.none.jpg" alt="">
                            <h4>阿斐亚AI智能电视</h4>
                            <div>8K解码/JBL大师音响</div>
                            <p class="price">￥11999.00<i>￥23999.00</i></p>
                        </li>
                        <li><img src="image/1.none.jpg" alt="">
                            <h4>阿斐亚AI智能电视</h4>
                            <div>8K解码/JBL大师音响</div>
                            <p class="price">￥11999.00<i>￥23999.00</i></p>
                        </li>
                        <li><img src="image/1.none.jpg" alt="">
                            <h4>阿斐亚AI智能电视</h4>
                            <div>8K解码/JBL大师音响</div>
                            <p class="price">￥11999.00<i>￥23999.00</i></p>
                        </li>

                    </ul>
                </div>
            </div>
            <!-- 生活电器 -->
            <div class="shenghuo  mag-top min" id="washing">
                <div class="product-top mag he">
                    <h4><a href="#"><img src="image/dq.png">生活电器</a>
                    </h4>
                    <ul>
                        <li><a href="#">电水壶</a>/</li>
                        <li><a href="#">养生壶</a>/</li>
                        <li><a href="#">料理机</a>/</li>

                        <li><a href="#">更多>></a></li>
                    </ul>
                </div>
                <img src="image/d.jpg" alt="">
                <div class="item product-item">
                    <ul class="">
                        <li><img src="image/1.none.jpg" alt="">
                            <h4>阿斐亚AI智能电视</h4>
                            <div>8K解码/JBL大师音响</div>
                            <p class="price">￥11999.00<i>￥23999.00</i></p>
                        </li>
                        <li><img src="image/1.none.jpg" alt="">
                            <h4>阿斐亚AI智能电视</h4>
                            <div>8K解码/JBL大师音响</div>
                            <p class="price">￥11999.00<i>￥23999.00</i></p>
                        </li>
                        <li><img src="image/1.none.jpg" alt="">
                            <h4>阿斐亚AI智能电视</h4>
                            <div>8K解码/JBL大师音响</div>
                            <p class="price">￥11999.00<i>￥23999.00</i></p>
                        </li>
                        <li><img src="image/1.none.jpg" alt="">
                            <h4>阿斐亚AI智能电视</h4>
                            <div>8K解码/JBL大师音响</div>
                            <p class="price">￥11999.00<i>￥23999.00</i></p>
                        </li>

                    </ul>
                </div>
            </div>
            <!-- 厨房电器 -->
            <div class="chufang  mag-top min" id="washing">
                <div class="product-top mag he">
                    <h4><a href="#"><img src="image/cf.png">厨房电器</a>
                    </h4>
                    <ul>
                        <li><a href="#">电烤箱</a>/</li>
                        <li><a href="#">电饭煲</a>/</li>
                        <li><a href="#">电磁炉</a>/</li>

                        <li><a href="#">更多>></a></li>
                    </ul>
                </div>
                <img src="image/c.jpg" alt="">
                <div class="item product-item">
                    <ul class="">
                        <li><img src="image/1.none.jpg" alt="">
                            <h4>阿斐亚AI智能电视</h4>
                            <div>8K解码/JBL大师音响</div>
                            <p class="price">￥11999.00<i>￥23999.00</i></p>
                        </li>
                        <li><img src="image/1.none.jpg" alt="">
                            <h4>阿斐亚AI智能电视</h4>
                            <div>8K解码/JBL大师音响</div>
                            <p class="price">￥11999.00<i>￥23999.00</i></p>
                        </li>
                        <li><img src="image/1.none.jpg" alt="">
                            <h4>阿斐亚AI智能电视</h4>
                            <div>8K解码/JBL大师音响</div>
                            <p class="price">￥11999.00<i>￥23999.00</i></p>
                        </li>
                        <li><img src="image/1.none.jpg" alt="">
                            <h4>阿斐亚AI智能电视</h4>
                            <div>8K解码/JBL大师音响</div>
                            <p class="price">￥11999.00<i>￥23999.00</i></p>
                        </li>

                    </ul>
                </div>
            </div>
            <!-- 智能周边 -->
            <div class="zoubian  mag-top min" id="washing">
                <div class="product-top mag he">
                    <h4><a href="#"><img src="image/zm.png">智能硬件</a>
                    </h4>
                    <ul>
                        <li><a href="#">智能微投</a>/</li>
                        <li><a href="#">挂架</a>/</li>
                        <li><a href="#">遥控器</a>/</li>

                        <li><a href="#">更多>></a></li>
                    </ul>
                </div>
                <img src="image/z.jpg" alt="">
                <div class="item product-item">
                    <ul class="">
                        <li><img src="image/1.none.jpg" alt="">
                            <h4>阿斐亚AI智能电视</h4>
                            <div>8K解码/JBL大师音响</div>
                            <p class="price">￥11999.00<i>￥23999.00</i></p>
                        </li>
                        <li><img src="image/1.none.jpg" alt="">
                            <h4>阿斐亚AI智能电视</h4>
                            <div>8K解码/JBL大师音响</div>
                            <p class="price">￥11999.00<i>￥23999.00</i></p>
                        </li>
                        <li><img src="image/1.none.jpg" alt="">
                            <h4>阿斐亚AI智能电视</h4>
                            <div>8K解码/JBL大师音响</div>
                            <p class="price">￥11999.00<i>￥23999.00</i></p>
                        </li>
                        <li><img src="image/1.none.jpg" alt="">
                            <h4>阿斐亚AI智能电视</h4>
                            <div>8K解码/JBL大师音响</div>
                            <p class="price">￥11999.00<i>￥23999.00</i></p>
                        </li>

                    </ul>
                </div>
            </div>
            <!-- 智能家居 -->
            <div class="jiaju  mag-top min" id="washing">
                <div class="product-top mag he">
                    <h4><a href="#"><img src="image/zz.png">智能家居</a>
                    </h4>
                    <ul>
                        <li><a href="#">取暖器</a>/</li>
                        <li><a href="#">换气扇</a>/</li>
                        <li><a href="#">照明</a>/</li>

                        <li><a href="#">更多>></a></li>
                    </ul>
                </div>
                <img src="image/zn.jpg" alt="">
                <div class="item product-item">
                    <ul class="">
                        <li><img src="image/1.none.jpg" alt="">
                            <h4>阿斐亚AI智能电视</h4>
                            <div>8K解码/JBL大师音响</div>
                            <p class="price">￥11999.00<i>￥23999.00</i></p>
                        </li>
                        <li><img src="image/1.none.jpg" alt="">
                            <h4>阿斐亚AI智能电视</h4>
                            <div>8K解码/JBL大师音响</div>
                            <p class="price">￥11999.00<i>￥23999.00</i></p>
                        </li>
                        <li><img src="image/1.none.jpg" alt="">
                            <h4>阿斐亚AI智能电视</h4>
                            <div>8K解码/JBL大师音响</div>
                            <p class="price">￥11999.00<i>￥23999.00</i></p>
                        </li>
                        <li><img src="image/1.none.jpg" alt="">
                            <h4>阿斐亚AI智能电视</h4>
                            <div>8K解码/JBL大师音响</div>
                            <p class="price">￥11999.00<i>￥23999.00</i></p>
                        </li>

                    </ul>
                </div>
            </div>
            <!-- k迷优品 -->
            <div class="youpin  mag-top min" id="washing">
                <div class="product-top mag he">
                    <h4><a href="#"><img src="image/k.png">k迷优品</a>
                    </h4>
                    <ul>
                        <li><a href="#">生活萌物</a>/</li>
                        <li><a href="#"> 办公好物</a>/</li>


                        <li><a href="#">更多>></a></li>
                    </ul>
                </div>
                <img src="image/kk.jpg" alt="">
                <div class="item product-item">
                    <ul class="">
                        <li><img src="image/1.none.jpg" alt="">
                            <h4>阿斐亚AI智能电视</h4>
                            <div>8K解码/JBL大师音响</div>
                            <p class="price">￥11999.00<i>￥23999.00</i></p>
                        </li>
                        <li><img src="image/1.none.jpg" alt="">
                            <h4>阿斐亚AI智能电视</h4>
                            <div>8K解码/JBL大师音响</div>
                            <p class="price">￥11999.00<i>￥23999.00</i></p>
                        </li>
                        <li><img src="image/1.none.jpg" alt="">
                            <h4>阿斐亚AI智能电视</h4>
                            <div>8K解码/JBL大师音响</div>
                            <p class="price">￥11999.00<i>￥23999.00</i></p>
                        </li>
                        <li><img src="image/1.none.jpg" alt="">
                            <h4>阿斐亚AI智能电视</h4>
                            <div>8K解码/JBL大师音响</div>
                            <p class="price">￥11999.00<i>￥23999.00</i></p>
                        </li>

                    </ul>
                </div>
            </div>
            <!-- 康佳新闻 -->
            <div class="news">
                <div class="news-top mag ">

                    <h4><a href="#"><img src="image/news.png" alt="">康佳新闻</a></h4>
                </div>
                <ul class="news-list">
                    <li>
                        <img src="image/news1.jpg" alt="">
                        <h4>新飞电器全力以赴投入抗汛救灾</h4>
                        <p>近日来,河南新多市遭遇持续特大暴雨，每小时雨强和累计降雨量均超过新多市有观测记录12313</p>
                        <a href="#">查看详情</a>
                    </li>
                    <li>
                        <img src="image/news1.jpg" alt="">
                        <h4>新飞电器全力以赴投入抗汛救灾</h4>
                        <p>近日来,河南新多市遭遇持续特大暴雨，每小时雨强和累计降雨量均超过新多市有观测记录12313</p>
                        <a href="#">查看详情</a>
                    </li>
                    <li>
                        <img src="image/news1.jpg" alt="">
                        <h4>新飞电器全力以赴投入抗汛救灾</h4>
                        <p>近日来,河南新多市遭遇持续特大暴雨，每小时雨强和累计降雨量均超过新多市有观测记录12313</p>
                        <a href="#">查看详情</a>
                    </li>
                    <li>
                        <img src="image/news1.jpg" alt="">
                        <h4>新飞电器全力以赴投入抗汛救灾</h4>
                        <p>近日来,河南新多市遭遇持续特大暴雨，每小时雨强和累计降雨量均超过新多市有观测记录12313</p>
                        <a href="#">查看详情</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 楼层 -->

    <!-- 左锚点 -->
    <div id="point">
        <ul>
            <li><a href="javascript:;" id="myid">明星产品</a></li>
            <li><a href="javascript:;" id="myid1">电视</a></li>
            <li><a href="javascript:;" id="myid2">冰箱</a></li>
            <li><a href="javascript:;" id="myid3">洗衣机</a></li>
            <li><a href="javascript:;" id="myid4">生活电器</a></li>
            <li><a href="javascript:;" id="myid5">厨房电器</a></li>
            <li><a href="javascript:;" id="myid6">智能周边</a></li>
            <li><a href="javascript:;" id="myid7">智能家居</a></li>
            <li><a href="javascript:;" id="myid8">K迷优品</a></li>
        </ul>
    </div>
    <!-- 右锚点 -->
    <div id="point-two">
        <ul>
            <li><a href="#star">购买咨询</a></li>
            <li><a href="#TV-oll">售后服务</a></li>
            <li>
                <a href="./pags/cart.html">
                    <img src="./image/shopping.png">
                    <span>购物车</span>
                </a>
            </li>
            <li id="returnTop"><a href="javascript:;">返回顶部</a></li>
        </ul>
    </div>
    <!-- 底部 -->
    <div class="footer">
        <div class="center">
            <div class="footer-top">
                <ul>
                    <li><img src="image/包邮.png" alt="">
                        <div class="foo-title">
                            <h4>全场包邮</h4>
                            <small>全场商品免费送到家</small>
                        </div>
                    </li>
                    <li><img src="image/包邮.png" alt="">
                        <div class="foo-title">
                            <h4>全场包邮</h4>
                            <small>全场商品免费送到家</small>
                        </div>
                    </li>
                    <li><img src="image/包邮.png" alt="">
                        <div class="foo-title">
                            <h4>全场包邮</h4>
                            <small>全场商品免费送到家</small>
                        </div>
                    </li>
                    <li><img src="image/包邮.png" alt="">
                        <div class="foo-title">
                            <h4>全场包邮</h4>
                            <small>全场商品免费送到家</small>
                        </div>
                    </li>

                </ul>
            </div>
            <div class="footer-links">
                <dl>
                    <dt>帮助中心</dt>
                    <dd><a href="#">购买指南</a></dd>
                    <dd><a href="#">支付方式</a></dd>
                    <dd><a href="#">配送方式</a></dd>
                    <dd><a href="#">售后政策</a></dd>
                    <dd><a href="#">防伪查询</a></dd>


                </dl>
                <dl>
                    <dt>新闻中心</dt>
                    <dd><a href="#">集团新闻</a></dd>
                    <dd><a href="#">媒体报道</a></dd>

                </dl>
                <dl>
                    <dt>投资者关系</dt>
                    <dd><a href="#">公司概要</a></dd>
                    <dd><a href="#">高管团队</a></dd>
                    <dd><a href="#">最新公告</a></dd>
                    <dd><a href="#">公司治理</a></dd>

                </dl>
                <dl>
                    <dt>集团成员网站</dt>
                    <dd><a href="#">华侨城集团</a></dd>
                    <dd><a href="#">康佳全球服务中心</a></dd>
                    <dd><a href="#">康佳国际营销</a></dd>
                    <dd><a href="#">康佳移动互联科技</a></dd>
                    <dd><a href="#">康佳壹视界商业显示</a></dd>
                    <dd><a href="#">康佳智能电器</a></dd>

                </dl>
                <dl>
                    <dt>关于我们</dt>
                    <dd><a href="#">了解康佳</a></dd>
                    <dd><a href="#">加入康佳</a></dd>
                    <dd><a href="#">校园招聘</a></dd>
                    <dd><a href="#">联系我们</a></dd>

                </dl>
                <dl>
                    <dt>关注我们</dt>
                    <dd><a href="#">官方微博</a></dd>
                    <dd><a href="#">官方微信</a></dd>
                    <dd><a href="#">官方社区</a></dd>
                    <dd><a href="#">K迷俱乐部</a></dd>
                    <dd><a href="#">康佳微商城</a></dd>
                    <dd><a href="#">康佳服务</a></dd>
                    <dd><a href="#">腾讯视频TV端</a></dd>

                </dl>
                <div class="links-phone">
                    <p class="hotlink">24小时全国服务热线</p>
                    <p class="tele">400-880-0016</p>
                    <a href="#" class="zhixun">购买咨询</a>
                    <a href="#" class="shouhou">售后服务</a>
                </div>
            </div>
        </div>
    </div>
    <footer>
        <div class="center">
            <img src="image/kangjia.png" alt="">
            <p>Copyright c 1980-2021康佳集团股份有限公司版权所有</p>
            <span>|</span>
            <a href="#">联系我们</a>
            <span>|</span>
            <a href="#">法律声明</a>
            <span>|</span>
            <a href="#">隐私保护</a>
            <span>|</span>
            <a href="#">快递查询</a>
            <span>|</span>
            <a href="#">腾讯视频TV端</a>
            <span>|</span>
            <a href="#">粤ICP备05059413号</a>
        </div>
        <div class="footer-copy">
            <img src="image/s.png" alt="">
            <img src="image/s1.png" alt="">
            <img src="image/s2.gif" alt="">
        </div>
    </footer>
    <!-- Initialize Swiper -->
    <script src="layui-v2.6.8/layui/layui.js"></script>
    <script src="js/bannerswiper.js"></script>
    <script src="js/jquery.js"></script>
    <script src="swiper-4.5.3/dist/js/swiper.min.js"></script>
    <script src="js/list.js"></script>
    <script src="js/sidebar-list.js"></script>
    <script src="js/stairs.js"></script>
    <script src="js/index.js"></script>
    <script src="js/ajax_promise.js"></script>
    <script>
        var swiper = new Swiper('.swiper-container', {
            cssMode: true,
            navigation: {
                nextEl: '.left',
                prevEl: '.right',
            },
            pagination: {
                el: '.swiper-pagination'
            },
            mousewheel: false,
            keyboard: true,
        });
    </script>

    <!-- 导航栏固定定位 -->
    <script>
        const hei = $('nav').offset().top
        $(window).scroll(function () {
            const scrolltop = $('html').scrollTop() || $('body').scrollTop()
            // console.log(scrolltop)
            if (scrolltop >= hei) {
                $('nav').attr('class', 'nav-fixed')
            }
            else {
                $('nav').removeClass('nav-fixed')
            }
        })


        // 楼层

        // $('.product-top>h4').each(function (index, item) {
        //     console.log($(item).text())
        //     $('.flooer').append(`<li><span>${$(item).text()}</span></li>`)
        // })



        // $(window).scroll(function () {
        //     const scrollTop = $('body').scrollTop() || $('html').scrollTop()
        //     if (scrollTop >= 650) {

        //         $('.flooer').css('display', 'block')
        //     }else{
        //         console.log('执行了')
        //         $('.flooer').removeAttr('style', "")

        //     }
        // })

        //    $('.flooer>li').click(function(){
        //     console.log($(this))
        //     $(this).
        //    })



        ajax({
            url: './php/findGood.php',
            type: 'post'
        }).then(res => {
            console.log(JSON.parse(res))
            let resArr = JSON.parse(res)
            let str = ''
            let str1 = ''
            resArr.forEach(item => {
                console.log(item)
                const id=item.id
                if(id<=4){
                    str += `<li><img src="${item.s_img}" alt="">
                                <h4>${item.good_name}</h4>
                                <div>${item.a_name}</div>
                                <p class="price">￥${item.price}<i>￥${item.del_price}</i></p>
                            </li>`

                }else{
                    str1 +=`<li><img src="${item.s_img}" alt="">
                                <h4>${item.good_name}</h4>
                                <div>${item.a_name}</div>
                                <p class="price">￥${item.price}<i>￥${item.del_price}</i></p>
                            </li>`
                }
              
                            
                console.log(str)
                console.log(str1)
            })
            document.querySelector('.a').innerHTML = str
            document.querySelector('.b').innerHTML = str1
        })
    </script>
</body>

</html>